<div id='contenu'>

	<?php
		
		$rows = $detailFormation->result_array();
                $totalHoraire =0;
                if (isset($rows[0])){
                    echo "<br/>";
                    echo "<div id='titre'>D&eacute;tail pour la session num&eacute;ro ".$rows[0]['numero']."</div></br>";
                    echo "<input id='session' value=".$rows[0]['numero']." type='hidden'>";
                    echo "<table id='table' border='1' align='center' width='90%'>";
                    echo "<caption>Inscrits a la session : </caption>";
                    echo "<tr><th>Nom</th><th>Matricule</th><th>Adresse</th><th>Statut</th><th>Taux horaire</th></td></tr>";
                    foreach ($rows as $ligne)
                    {
                        if($ligne['valide']){
                            echo "<tr>";
                            echo "<td style='background-color:#00ff00' >" . $ligne['nom'] . "</a></td>";
                            echo "<td class='matricule' style='background-color:#00ff00' >" . $ligne['matricule'] . "</td>";
                            echo "<td style='background-color:#00ff00' >". $ligne['rue']."</br>".$ligne['cp']." ".$ligne['ville']."</td>";
                            echo "<td style='background-color:#00ff00' >". $ligne['type'] ."</td>";
                            echo "<td style='background-color:#00ff00' >". $ligne['taux_horaire'] ."</td>";
                            echo "</tr>";
                        }else{
                            echo "<tr class='invalide' style='cursor: pointer;' class='off' id=". $ligne['matricule'] ." onClick='select(this.id)'>";
                            echo "<td id=nom". $ligne['matricule'] ." >" . $ligne['nom'] . "</a></td>";
                            echo "<td  id=mat". $ligne['matricule'] ." >" . $ligne['matricule'] . "</td>";
                            echo "<td id=adr". $ligne['matricule'] ." >". $ligne['rue']."</br>".$ligne['cp']." ".$ligne['ville']."</td>";
                            echo "<td id=type". $ligne['matricule'] ." >". $ligne['type'] ."</td>";
                            echo "<td id=th". $ligne['matricule'] ." >". $ligne['taux_horaire'] ."</td>";
                            echo "<td style='display:none'><input type='checkbox' class='checkbox' name=". $ligne['matricule'] ." id='check-". $ligne['matricule'] ."'  ></td>";
                            echo "</tr>";
                        }
                            $totalHoraire += $ligne['taux_horaire']*$ligne['duree'];
                    }
                    

//                    
//                    //Avec les helpers pagination et table
//                    //Initialisation des en-t�te du tableau
//                    echo "<br/>";
//                    echo $this->table->set_caption("Liste des clients");
//                    echo $this->table->set_heading('Matricule','Nom','Rue','Ville');
//                    //Initialisation de notre tableau
//                    echo $this->table->generate($enregt);//Donn�es r�cup�r�es de $data['enregt'] du contr�leur
//
//                    //Initialisation de la pagination
//                    echo $this->pagination->create_links();
                        $marge = $totalHoraire - $rows[0]['coutrevient'];                
                        echo "<tr><td colspan='1'><b style='color:green ;'>Clients d&eacute;ja valid&eacute;</b></td><td style='text-align:center' colspan='4'>Marge dégagée par la formation : ".$marge." €</td></tr>";
                         echo "</table>";
                         ?>

                            <div id="effect" style ="border:1; align:center; margin-left:6%; display:none" class="ui-widget-content ui-corner-all">
                                <label>Motif : </label><textarea id='motif'  rows="3" cols="100"></textarea>
                              <button id='annulerV'>Envoyer</button>
                            </div>


                        <?php
                        if(!$rows[0]['close']){
                            echo "</br><div style = 'margin-left: 5%;'><button id='valider'>Valider pour la selection</buttion><button id='annuler'>Anuler pour la selection</button><button style='margin-left:600px;' id='close'>Valider la session</button></div>";
                        }
                    }else{
                        echo "Pas d'inscrit pour cette formation";
                    }
               
	?>
    <script>
       function select(x){
            var tr = document.getElementById(x);
            if (tr.className  == "invalide on"){
                document.getElementById('nom'+x).style.backgroundColor='#ffffff';
                document.getElementById('mat'+x).style.backgroundColor='#ffffff';
                document.getElementById('adr'+x).style.backgroundColor='#ffffff';
                document.getElementById('type'+x).style.backgroundColor='#ffffff';
                document.getElementById('th'+x).style.backgroundColor='#ffffff';
                document.getElementById("check-"+x).checked = false;
                tr.classList.add("off");
                tr.classList.remove("on");
            }
            else {
                document.getElementById('nom'+x).style.backgroundColor='#58ACFA';
                document.getElementById('mat'+x).style.backgroundColor='#58ACFA';
                document.getElementById('adr'+x).style.backgroundColor='#58ACFA';
                document.getElementById('type'+x).style.backgroundColor='#58ACFA';
                document.getElementById('th'+x).style.backgroundColor='#58ACFA';
                document.getElementById("check-"+x).checked = true;
                tr.classList.add("on");
                tr.classList.remove("off");
            }
        };
</script>
<script>        
    $(document).ready(function() {
        // clic sur la case cocher/decocher
        var cases = $(table).find(':checkbox'); // on cherche les checkbox qui dépendent de la liste 'cases'
            cases.attr('checked', false);// on coche les cases     

    });

    $('#valider').click(function(){
            var tabCheckbox = document.getElementsByClassName("checkbox");
            var tabChecked = [];
            var session = document.getElementById("session").value;
            var i, j;
            j = 0;
            for (i = 0; i<tabCheckbox.length ; i++){
                if (tabCheckbox[i].checked){
                    tabChecked[j] = tabCheckbox[i].name;
                    j++;
                }
            }
            if(tabChecked.length < 1) {
                alert('Aucun candidats selectionnes !');
            } else {
                $.ajax({
                    url: '../valider', 
                    type: 'post', 
                    data: 'tabChecked='+tabChecked+'&session='+session, 
                    success: function() { 
                        alert("Email de validation envoyé.");
                        location.reload(true);
                    }
                });
            }
        });
        
         $('#annuler').click(function(){
            var tabCheckbox = document.getElementsByClassName("checkbox");
            var tabCheckedtest = [];
            var session = document.getElementById("session").value;
            var i;
            for (i = 0; i<tabCheckbox.length ; i++){
                if (tabCheckbox[i].checked){
                    tabCheckedtest[i] = tabCheckbox[i].name;
                }
            }
            if(tabCheckedtest.length < 1) {
                alert('Aucun candidat selectionné !');
            } else {
                $('#effect').toggle('slide');
            }
        });
        
        $('#annulerV').click(function(){
            var tabCheckbox = document.getElementsByClassName("checkbox");
            var tabChecked = [];
            var motif = $('#motif').val();
            var session = document.getElementById("session").value;
            var i, j;
            j = 0;
            for (i = 0; i<tabCheckbox.length ; i++){
                if (tabCheckbox[i].checked){
                    tabChecked[j] = tabCheckbox[i].name;
                    j++;
                }
            }
            if(tabChecked.length < 1) {
                alert('Aucun candidats selectionnés !');
            } else {
                $.ajax({
                    url: '../annuler', 
                    type: 'post', 
                    data: 'tabChecked='+tabChecked+'&session='+session+'&motif='+motif, 
                    success: function() { 
                        alert("Email d'annulation envoyé.");
                        location.reload(true);
                    }
                });
            }
        });
        
        $('#close').click(function(){
            if ( $('.invalide').length > 0){
                alert('Il reste des clients en attentes');
            }else{
               
                var session = document.getElementById("session").value;
                var tabMat = [];
                var i=0;
                $('.matricule').each(function() {
                    tabMat[i] = $(this).html();    
                    i ++;
                });
             
                if(tabMat.length < 1) {
                    alert('Aucun candidats selectionnés !');
                } else {
                    $.ajax({
                        url: '../validerFin', 
                        type: 'post', 
                        data: 'tabMat='+tabMat+'&session='+session, 
                        success: function() { 
                            alert("La formation est enregistrée et va fermer.");
                             $(location).attr('href',"http://localhost/CrmIgniter_FormArmor_versionNovembre/index.php/gestionSessionAdmin/lister");     
                        }
                    });
                }
            }    
        });
</script>
    
</div>
